<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>整个界面</title>
    <link rel="stylesheet" href="CSS/style.css">
</head>
<body>
   <div class="wrap">
       <header>
           <div class="ife_url">
               <p>ife.baidu.com</p>
           </div>
           <div class="date">2016.03</div>
           <hr class="line">
       </header>
       <div class="content">
            <div class="first_content">
               <div class="img_area">
                   <img src="images/big_img.png" alt="图片">
                   <div class="img_area_left"></div>
                   <div class="img_area_right"></div>
               </div>
                <div class="aside">
                    <hr class="line">
                    <h2>about</h2>
                    <h2>technologe</h2>
                    <P>About technologe About technologe About technologe </P>
                    <div class="number1">700</div>
                    <div class="number2">3.2</div>
                    <div class="number3">css</div>
                    <div class="number4">csscscscscscscscsc</div>
                </div>
            </div>
            <div class="second_content">
                <article class="what">
                    <h3>What</h3>
                    <p>前端前端前端前端前端啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                </article>
                <article class="when">
                    <h3>when</h3>
                    <p>前端前端前端前端前端啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                </article>
                <article class="how">
                    <h3>how</h3>
                    <p>前端前端前端前端前端啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
                    <ul>
                        <li>what-------<span>40%</span></li>
                        <li>what-------<span>30%</span></li>
                        <li>what-------<span>30%</span></li>
                    </ul>
                </article>
            </div>
           <div class="last_content">
               <div class="last_content_left">
                   <div class="up">
                       <p><span class="the">THE</span> TECHNOLOGE OF FRONT</p>
                       <p class="qianduan">前端技术领域</p>
                   </div>
                   <article>
                       <p class="first_head">前端前端前端端前端前端端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端</p>
                       <img src="images/down.png" alt="down">
                       <p class="suojing">前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端端前端端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端</p>
                       <p class="suojing">前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端前端前端前端前端前端前前端前端前端前端前端前端前端前端前端前端前端前端前端前端端前端前端前端前端前端前端前端前端</p>
                   </article>
               </div>
               <div class="last_content_right">
                   <div class="up">
                       <img src="images/up.png" alt="下">
                       <div class="yinying">
                           <div class="jishu">
                               <span class="one">前端技术</span>
                               <span class="two">前端技术前端技术</span>
                           </div>
                       </div>
                   </div>
                   <div class="down">
                       <ul>
                           <li><span class="sanjiao"></span>前端前端前端前端前端..........................<span class="xieti">前端</span></li>
                           <li><span class="sanjiao"></span>前端前端前端前端前端..........................<span class="xieti">前端</span></li>
                           <li><span class="sanjiao"></span>前端前端前端前端前端..........................<span class="xieti">前端</span></li>
                       </ul>
                       <div class="left_down">
                           <div class="zero">0</div>
                       </div>
                   </div>
               </div>
           </div>
       </div>
   </div>
</body>
</html>